<title>编辑运单</title>

<div class="layui-card layadmin-header">
    <div class="layui-breadcrumb" lay-filter="breadcrumb">
        <a lay-href="">主页</a>
        <a><cite>快递管理</cite></a>
        <a><cite>查看运单</cite></a>
    </div>
</div>

<style>
    .layui-upload-img{
        width: 92px;
        height: 92px;
    }
</style>

<div id="bill-express-detail" class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <form id="bill-express-detail-form" class="layui-form" action="" lay-filter="bill-express-detail-form">
                <div class="layui-card">
                    <div class="layui-card-header">
                        <span style="font-size: 16px;">查看运单</span>
                    </div>
                    <div class="layui-card-body" style="padding: 15px;">
                        <div class="layui-row layui-col-space10 layui-form-item">
                            <div class="layui-col-lg12">
                                <label class="layui-form-label">发货仓库</label>
                                <div class="layui-input-block">
                                    <select name="storeCode" lay-verify="required" disabled>
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                            </div>

                            <div class="layui-col-lg12">
                                <label class="layui-form-label">渠道</label>
                                <div class="layui-input-block">
                                    <select name="channelCode" lay-verify="required" disabled>
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                            </div>

                            <div class="layui-col-lg6">
                                <label class="layui-form-label">收件人姓名</label>
                                <div class="layui-input-block">
                                    <input id="bill-express-detail-receiver-name" type="text" name="receiverName" class="layui-input" readonly/>
                                </div>
                            </div>

                            <div class="layui-col-lg6">
                                <label class="layui-form-label">收件人手机</label>
                                <div class="layui-input-block">
                                    <input type="text" name="receiverTelphone" class="layui-input" readonly/>
                                </div>
                            </div>

                            <div class="layui-col-lg6">
                                <label class="layui-form-label">所在省市</label>
                                <div class="layui-input-inline">
                                    <input type="hidden" name="country" value="CN"/>
                                    <select name="receiverProvinceCode" lay-filter="bill-express-detail-province" lay-verify="required" disabled>
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                                <div class="layui-input-inline" style="display: none;">
                                    <select name="receiverCityCode" lay-filter="bill-express-detail-city" disabled></select>
                                </div>
                            </div>

                            <div class="layui-col-lg6">
                                <label class="layui-form-label">详细地址</label>
                                <div class="layui-input-block">
                                    <input type="text" name="receiverAddr" class="layui-input" readonly/>
                                </div>
                            </div>

                            <div class="layui-col-lg6">
                                <label class="layui-form-label">身份证号</label>
                                <div class="layui-input-block">
                                    <input type="text" name="idCard"  class="layui-input" readonly/>
                                </div>
                            </div>

                            <div class="layui-col-lg6">
                                <label class="layui-form-label">邮编</label>
                                <div class="layui-input-block">
                                    <input type="text" name="receiverPostcode" class="layui-input" readonly/>
                                </div>
                            </div>

                            <div class="layui-col-lg6">
                                <label class="layui-form-label">身份证正面</label>
                                <div class="layui-upload">
                                    <div id="idcard-front-img" class="layui-upload-list" style="margin-left: 110px; display: none;">
                                        <img class="layui-upload-img">
                                        <p></p>
                                        <input type="hidden" name="idCardFront">
                                    </div>
                                </div>
                            </div>

                            <div class="layui-col-lg6">
                                <label class="layui-form-label">身份证反面</label>
                                <div class="layui-upload">
                                    <div id="idcard-back-img" class="layui-upload-list" style="margin-left: 110px; display: none;">
                                        <img class="layui-upload-img">
                                        <p></p>
                                        <input type="hidden" name="idCardBack">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="layui-card">
                    <div class="layui-card-header"><span style="font-size: 16px;">物品信息</span></div>
                    <div class="layui-card-body" style="padding: 15px;">
                        <table id="bill-express-detail-goods-table" lay-filter="bill-express-detail-goods-table"></table>

                        <br>

                        <div class="layui-row layui-col-space10 layui-form-item">
                            <div class="layui-col-lg4">
                                <label class="layui-form-label">运单保价</label>
                                <div class="layui-input-inline">
                                    <input type="hidden" name="waybillNo">
                                    <input type="text" name="premium" class="layui-input" readonly>
                                </div>
                                <div class="layui-form-mid layui-word-aux">加币</div>
                            </div>

                            <div class="layui-col-lg4">
                                <label class="layui-form-label">运单重量</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="chargeWeight" class="layui-input" readonly>
                                </div>
                                <div class="layui-input-inline">
                                    <select name="chargeWeightUnit" lay-verify="required" disabled>
                                        <option value="kg" selected>千克</option>
                                        <option value="lb">磅</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-col-lg4">
                                <label class="layui-form-label">运单费用</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="total" class="layui-input" readonly>
                                    <input type="hidden" name="waybillNo">
                                </div>
                                <div class="layui-input-inline">
                                    <select name="totalUnit" lay-verify="required" disabled>
                                        <option value="cad" selected>加币</option>
                                        <option value="cny">人民币</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <div class="layui-footer">
                            <button type="button" class="layui-btn layui-btn-primary" lay-href="/bill/expressList">返回</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
    layui.data.done = function(){
        layui.use(['form'], function(){
            var form = layui.form;
            form.render();
        });
    };

    layui.use("expressDetail", layui.factory('expressDetail'));
</script>